
<body lang="en">
    <div id="main">
        <div id="content">
            <div id="masthead">
                <span class="head">Consultar ausencias y tardías por estado</span>
                <ul class="breadcrumbs">
                    <li>
                        <?php
                        if ($this->session->userdata('tipo') == 1) {
                            echo "Administrador";
                        } else if ($this->session->userdata('tipo') == 2) {
                            echo "Jefe";
                        }else
                            echo "Usuario";
                        ?> : 
                        Hola <?php echo $this->session->userdata('username'); ?></li>

                </ul>
            </div>

            <!-- ENDS Headline -->

            <div id="page-content-full">

                <div id="notificacionBarHeader">   

                    <!--<div id="page-content">-->
                </div>
                <?php
                $attributes = array('id' => 'form');
                echo form_open('ver_marcas/getAusenciaTaridaPorNombre', $attributes)
                ?>
                <br>
                <div class="ui-widget">
                    <label>Buscar usuario:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="text"  name="search1"  size="40" onkeyup="auto('<?php echo $this->session->userdata('jefe') ?>')"  class="form-poshytip" title="Escriba el nombre o cédula del usuario" id= "search"/>
                    <input type="hidden" value="<?= base_url() ?>" id="hiddenurl" />
                    <br/>
                    <label>Ausencias y tardías:</label>
                    <select name="Combobox" id="box">
                        <option value="aprobadas">Aprobadas</option>
                        <option value="rechazadas">Rechazadas</option>
                        <option value="sinaprobar">Sin aprobar</option>
                    </select>

                    <br/><br/>
                    <input type="submit" value="Buscar" id="buscar" class="boton" />
                </div>
                <br/>
                <div id="error_usuario"></div>  
                <div >
                    <hr/>

                    <ul class="tabs">
                        <li><a href="#"><span>Ausencias</span></a></li>
                        <li><a href="#"><span>Tardías</span></a></li>
                    </ul>
                    <div class="panes">
                        <div >
                            <div id="info_usuario1">
                                <br/>
                                <br/>
                                <center><h3>Llene el formulario anterior para actualizar este espacio.</h3></center>
                            </div>

                        </div>
                        <div>
                            <div id="info_usuario2">
                                <br/>
                                <br/>
                                <center> <h3>Llene el formulario anterior para actualizar este espacio.</h3></center>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="shadow-main"></div>

</body>

<!--<script src="<?php echo base_url(); ?>js/autocomplete_usuario.js" type="text/javascript"></script>-->
<script type="text/javascript">
    function auto(jefe){
        var searched = $('#search').val();
        var fullurl = $('#hiddenurl').val() + 'index.php/configuraciones/getResult/' + searched +'?ced='+jefe;
        $.getJSON(fullurl,function(result){
            $.getJSON(fullurl,function(result){
                var elements = [];
                $.each(result,function(i,val){
                    elements.push(val.nombre+' '+val.apellidos+", "+val.cedula);
                })
                    
                $('#search').autocomplete({                    
                    source : elements
                })
            })
        })
    }
    $('#buscar').click(function(){      
        var name = $("#search").val();
        var  tipo= $("#box").val();  
        
        var msj="";
        
        if(!name){
            alert('Ingrese una cédula o un nombre');
            return false;
        }
        if(name.indexOf(',') != -1){
            var aux = name.substring(name.indexOf(',')+2);
            var nom = name.substring(0,name.indexOf(','));
            //hace = 1;
            if(aux != ""){
                name = aux;
            }
        }else{
            msj ="Selecciones el usuario en las sugerencias desplegadas,\npara que la búsqueda se más precisa";
            return false;
        }
        var form_data = {
            nombre: nom,
            cedula: name,
            tipo : tipo,
            msj: msj,
            vista: '1',
            ajax: '1'
        };
             

        var url;
        if(tipo == 'aprobadas')
            url = "<?php echo site_url('ver_marcas/getAusenciaTardiaAprobadas'); ?>";
        else if(tipo == 'rechazadas')
            url = "<?php echo site_url('ver_marcas/getAusenciaTardiaRechazadas'); ?>";
        else 
            url = "<?php echo site_url('ver_marcas/getAusenciaTardiaSinAprobar'); ?>";

        $.ajax({
            url: url,
            type: 'POST',
            data: form_data,
            success: function(msg){
                $('#info_usuario1').html(msg);
                //controlar el borrado
            }
            

        });
        
        var form_data = {
            nombre: nom,
            cedula: name,
            tipo : tipo,
            msj: msj,
            vista: '2',
            ajax: '1'
        };
        
        $.ajax({
            url: url,
            type: 'POST',
            data: form_data,
            success: function(msg){
                $('#info_usuario2').html(msg);
                //controlar el borrado
            }
                    
        
        });
       
        return false; 
    });    
    
   
</script>
</html>
